<template>
	<view class="myHeader">
		<view class="back" @click="back">
			<u-icon name="arrow-left" color="#ffffff"></u-icon>
			<text>返回</text>
		</view>
		<view class="title">
			{{title}}
		</view>
	</view>
</template>

<script>
	export default {
		name:"myHeader",
		props:{
			title:{
				type:String,
				required:true
			}
		},
		data(){
			return {
				
			}
		},
		methods:{
			back(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style lang="scss">
	.myHeader{
		position: relative;
		width: 750rpx;
		height: 90rpx;
		line-height: 90rpx;
		background-image: linear-gradient(45deg,#0081ff,#1cbbb4);
		color: white;
		.back{
			position: absolute;
			top: 0px;
			left: 10rpx;
			display: flex;
			align-items: center;
			text{
				margin-left: 10rpx;
			}
		}
		.title{
			text-align: center;
		}
		
		
	}
</style>
